body{
	position:relative;
	color:#333;
	font-size:100%; 
	font-family:Arial,"Microsoft YaHei",Helvetica,sans-serif;
}
body a{
	color:#72ace3;
}
body label{font-weight:normal;}
body p{margin:0;}
body h3{margin:0;}
input[type="text"],textarea{
	padding:5px;
	color:#333;
	font-size:12px;
	font-family:Arial,"Microsoft YaHei",Helvetica,sans-serif;
	line-height:18px;
	border:1px solid #bbb;
	box-sizing:border-box;
	background:#fff;
}
button{
	border:none;
	padding: 4px 8px;
    color: #f08b23;
    font-size: 12px;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.4);
	background:transparent;
	border-radius:3px;
}
button:hover{
	box-shadow:0 0 3px 0px rgba(0,0,0,0.4);
}
.clearfix:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
.clearfix{zoom:1;}
span.input-group-addon{
	width:auto;
	border-radius:0;
}
input.form-control{
	border-radius:0px;
}
/**/
@keyframes appear
{
	from{opacity:0;}
	to{opacity:1;}
}
@-webkit-keyframes appear
{
	from{opacity:0;}
	to{opacity:1;}
}
@-moz-keyframes appear
{
	from{opacity:0;}
	to{opacity:1;}
}
/*--------------------header CSS--------------------*/
header.header{
	width:100%;
	height:65px;
	padding:0 20px;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
	line-height:64px;
	background:#fcfcfc;
}
.top-nav{
	width:80%;
	margin:0 auto;
}
header a{
	float:left;
	font-size:16px;
	color:#333;
	text-transform:capitalize;
}
header a:hover{
	text-decoration:underline;
	color:#f08b23;
}
header ul{
	float:right;
}
header ul li{
	float:left;
	position:relative;
	margin-left:30px;
}
header ul li a{	
	position:relative;
}
header ul li.msg-nav{
	
}
li.msg-nav a.msg-nav-a em{
	color:#f00;
}
/*messege box*/
li.msg-nav .msg-box{
	display:none;
	position:absolute;
	top:55px;
    left:-100px;
	width:300px;
	height:auto;
	border:1px solid #eee;
	border-radius:3px;
	box-shadow:0 0 1px 0px rgba(0,0,0,0.1);
	background:#fcfcfc;
	z-index:1;
}
li.msg-nav .msg-box:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 49%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #eee;
}
li.msg-nav .msg-box.is-visible{
	display:block;
	animation: appear 0.2s;
	-webkit-animation: appear 0.2s;
	-moz-animation: appear 0.2s;
	-webkit-transition: appear 0.2s;
}
.msg-box ul{
	float:none;
	width:100%;
	height:30px;
}
.msg-box ul li{
	float:left;
	width:50%;
	height:30px;
	margin:0;
	line-height:30px;
	text-align:center;
	background:#eee;
}
.msg-box ul li.active{
	background:#ddd;
}
.msg-box ul li a{
	float:none;
	display:block;
	font-size:14px;
	color:#999;
}
.msg-box ul li.active a{
	color:#555;
}
.msg-box section{
	width:100%;
	margin:5px 0;
}
section.msg-list .msg-item{
	position:relative;
	width:100%;
    padding:10px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	box-sizing:border-box;
}
section.msg-list .msg-item:last-child{
	border-bottom:none;
}
 .msg-item a.msg_avt{
	float:left;
	display:block;
	position:relative;
	width:50px;
	height:50px;
	overflow:hidden;
}
.msg-item a.msg_avt:before {
    content: "";
	display:block;
	position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.7;
}
.msg-item a.msg_avt img{
	display:block;
	width:100%;
}
.msg-item a.msg_avt span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:14px;
	color:#fff;
    text-align:center;
    line-height:50px;
}
.msg-item .msg_cont{
	position:relative;
	margin-left:60px;
	line-height:16px;
	font-size:14px;
	overflow:hidden;
}
.msg-item .msg_cont p{
	overflow:hidden;
}
.msg-item .msg_cont p.msg_cont_acpt{
	height:32px;
	color:#8b8b8b;
	transition: height 4s ease-out;
	-moz-transition: height 4s ease-out;	/* Firefox 4 */
	-webkit-transition: height 4s ease-out;	/* Safari 和 Chrome */
	-o-transition: height 4s ease-out;	/* Opera */
}
.msg-list p.msg_cont_acpt.more{
	height:auto;
	min-height:32px;
}

.msg-item .msg_cont p.msg_cont_rply{
	height:auto;
	color:#c00;
}
.msg-item .msg_cont p.msg_cont_rply span{
	height:auto;
	color:#8b8b8b;
}
.msg-item .msg_cont p.msg-replyInput{
	padding:2px;
}
p.msg-replyInput textarea{
	height:28px;
    width:100%;
	line-height:18px;
	border:none;
    box-shadow:0 0 1px 0px rgba(0,0,0,0.3);
}
p.msg-replyInput input{
	float:right;
	padding:5px 8px;
	font-size:12px;
	color:#f08b23;
    box-shadow:0 0 1px 0px rgba(0,0,0,0.4);
    border-radius:3px;
	cursor:pointer;
}
p.msg-replyInput input:hover{
	box-shadow:0 0 3px 0px rgba(0,0,0,0.4);
}
.msg-item .msg_cont a{
	float:right;
	margin-top:3px;
	font-size:12px;
	color:#f08b23;
}
section.msg-new{
	display:none;
}
section.msg-new .msgTo{
	width:90%;
	margin:0 auto;
}
section.msg-new .msgTo .msgTo-row{
	position:relative;
	width:100%;
	border-bottom:1px solid #eee;
}
section.msg-new .msgTo .msgTo-row p{
	position:relative;
	height: 40px;
    line-height: 40px;
    padding-right: 20px;
	font-size:14px;
}
section.msg-new .msgTo .msgTo-row p span.msgTo-label{
	float:left;
	display:block;
	width:30px;
}
section.msg-new .msgTo .msgTo-row p span.msgTo-input{
	display:block;
	margin-left:30px;
}
section.msg-new .msgTo .msgTo-row p input{
	height:30px;
	width:100%;
	border:none;
    padding:0;
	font-size:14px;
    line-height:14px;
    background:none;
}
section.msg-new .msgTo .msgTo-row .addContacts{
	display:block;
	position:absolute;
	top:10px;
	right:0;
	width:20px;
	height:25px;
	background:url(../img/pages-icon.png) no-repeat 0 -110px;
	background-size:28px;
}
section.msg-new .msgTo .msgTo-cont{
	
}
section.msg-new .msgTo .msgTo-cont textarea, section.msg-new .msgTo .msgTo-cont input{
	display:block;
	margin-top:10px;
	border-radius:3px;
}
section.msg-new .msgTo .msgTo-cont textarea{
	width:100%;
	height: 80px;
    line-height: 20px;
	border:1px solid #eee;
}
section.msg-new .msgTo .msgTo-cont input{
	float:right;
	padding:4px 8px;
	margin-bottom:15px;
	color:#f08b23;
	font-size:12px;
	box-shadow:0 0 1px 0px rgba(0,0,0,0.4);
	cursor:pointer;
	line-height: 20px;
}
section.msg-new .msgTo .msgTo-cont input:hover{
	box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
}
/*addContacts*/
.contacts-mask{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.2);
	z-index:11;
	
}
.contacts-box{
	position:relative;
	width:500px;
	height:300px;
	margin:40px auto;
	border:2px solid #ebebeb;
	background:#fff;
	
}
.contacts-box a.contacts-close{
	position:absolute;
	top:6px;
	right:10px;
	color:#fff;
}
.contacts-title-bar{
	width:100%;
	height:30px;
	background:#135995;
}
.contacts-title-bar p.contacts-title{
	float:left;
	width:50%;
	padding-left:10px;
	line-height:30px;
	color:#fff;
}
.contacts-list{
	width:100%;
	height:100px;
	padding:0 10px;
	box-sizing:border-box;
}
.contacts-list .contacts-item{
	position: relative;
	width:100%;
	height:20px;
	padding:6px 0;
	border-bottom:1px solid #ebebeb;
    line-height:20px;
	box-sizing: content-box;
}
.contacts-list .contacts-item.on{
	background:url(../img/pages-icon.png) 5px -202px no-repeat;
	background-color:rgba(0,0,0,0.1);
}
.contacts-list .contacts-item:hover{
	background-color:rgba(0,0,0,0.1);
}
.contacts-list .contacts-item:before{
	content:"";
    height:12px;
    width:12px;
    border:1px solid #8b8b8b;
    display:block;
    border-radius:3px;
    float:left;
    margin:3px 5px 0 5px;
}
.contacts-list .contacts-item input{
	position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    left:0;
    top:0;
    cursor:pointer;
    opacity:0;
}
.contacts-list .contacts-item label{
	position: relative;
    font-size:14px;
    cursor:pointer;
}
.contacts-buttons{
    margin:10px;
	text-align:right;
}
.contacts-buttons button{
	padding:5px 8px;
	color:#135995;
	cursor:pointer;
}
/*--------------------top-bar CSS--------------------*/
.top-bar{
	position:relative;
	width:80%;
	height:60px;
	margin:0 auto;
	border-bottom:1px solid #898989;
}
.top-bar ul.nav-tabs{
	float:left;
	width:50%;
	border:none;
}
.top-bar ul.nav-tabs li{
	
}
.top-bar ul.nav-tabs>li>a{
	border:none;
	font-size:18px;
}
.top-bar ul.nav-tabs>li.active>a{
	border:none;
	font-size:18px;
}
.top-bar p{
	margin-left:60px;
	line-height:60px;
	text-transform:capitalize;
}
.top-bar p a{
	text-decoration:underline;
}
.top-bar p.project-search{
	float:right;
}
.top-bar p.project-search input{
	height:30px;
	border:1px solid #bbb;
	padding:5px;
	font-size:14px;
}
/*--------------------commonBox CSS--------------------*/
.main-content{
	position:relative;
	width:80%;
	height:auto;
	margin:10px auto;
	overflow:hidden;
}
.newObject-mask{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(255, 255, 255, 0.9);
	overflow-y:scroll;
	z-index:10;
 }
.common-box{
	border:1px solid #8b8b8b;
	box-sizing:border-box;
	background:#fcfcfc;
}
.common-table{}
.common-table table{
	width:100%;
	border:2px solid #8b8b8b;
	border-collapse:collapse;
	border-spacing:0;
	box-sizing:border-box;
}
.common-table table th{
	padding:15px;
	font-size:16px;
	text-align:center;
	border-left:1px solid #8b8b8b;
	border-bottom:1px solid #8b8b8b;
	background-color:#ebebeb;
}
.common-table table tr .col-1{
	width:40%;
}
.common-table table tr .col-2{
	width:20%;
}
.common-table table tbody tr{
	background:#fff;
}
.common-table table td{
	padding:10px;
	font-size:14px;
	border-left:1px solid #8b8b8b;
	border-top:1px solid #8b8b8b;
	text-align:center;
}
.common-table table tbody tr:nth-child(even){
	
}
.common-table table tbody tr:hover{
	
}
/*--------------------project click CSS--------------------*/
.index-msg-box{
	position:absolute;
	padding:9px;
	border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
	background:#eee;
	z-index:10;
}
.index-msg-box:before{
	content:"";
	position:absolute;
	top:-10px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:10px solid #eee;
}
.index-msg-box p,.index-msg-box p span{
	font-size:12px;
	color:#999;
}
.index-msg-box p{
	margin: 3px 0;
}
.index-msg-box p span{
	margin-left:5px;
	text-transform:none;
}
/*--------------------X Scroll-------------------------*/
.list-xscroll{
	display:block;
	position:absolute;
	top:50%;
	width:40px;
	height:80px;
	margin-top:-40px;
	opacity:0.1;
    cursor:pointer;
    z-index:2;
	
}
.list-xscroll:hover{
	opacity:0.5;
}
.next-scroll{
	right:0;
	background:#000 url(../img/next_prev.png) right 50% no-repeat;
}
.pre-scroll{
	left:0;
	background:#000 url(../img/next_prev.png) left 50% no-repeat;
}
/*--------------------web pixel CSS--------------------*/
@media screen and (max-width:1040px){
	
}
@media screen and (max-width:720px){
	
}